<script setup>
import { ref } from 'vue';
import Com from './components/Com.vue';

/* 
vue3中 通过 ref 可以获取到子组件
但是不能直接获取到它的属性和方法
需要在子组件上面，✅✅主动调用 defineExpose ，父组件才能使用
*/
const comRef = ref(null);
const getCom = () => {
  console.log('comRef.value -----> ', comRef.value.money);
  comRef.value.sayHi();
};
</script>

<template>
  <div>
    我是父组件
    <button @click="getCom">点我获取子组件</button>
    <Com ref="comRef"></Com>
  </div>
</template>
